﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>山东柏瑞设计官网</title>
		<link rel="icon" href="assets/img/img/favicon.ico">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
		<link rel="stylesheet" type="text/css" href="assets/swiper/swiper-bundle.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">
	</head>
	<body>
		<div class="app">
			<!-- 头部 -->
			<div id="head">
				<div class="fixedHead">
					<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">

</head>

<div class="commit_center flex headTop">
    <a href="index/index.html"><img src="uploads/20210429/9c03d90e9d21c110beac5f6ef56696e3.png" class="logo"></a>
    <div class="flex right">
        <div class="">
            <img src="uploads/20211223/c7cd46b1adbf967986c31dd054f49d24.png">
        </div>
        <p>咨询我们：18317093686</p>
    </div>
    <img src="assets/img/img/moreNav.png" class="moreNav">
	<img src="assets/img/img/moreCancel.png" class="moreCancel">
</div>

<div class="daohang">
    <!-- pc -->
    <ul class="commit_center flex nav navAll">
                    <li><a href="index.html" class="">首页</a></li>
                    <li><a href="websit.html" class="">网站开发</a></li>
                    <li><a href="app.html" class="">APP开发</a></li>
                    <li><a href="applet.html" class="">小程序开发</a></li>
                    <li><a href="case.html" class="">案例</a></li>
                    <li><a href="about.html" class="">关于我们</a></li>
            </ul>
    <!-- phone -->
    <ul class="navAll navHide">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="websit.html">网站开发</a></li>
                    <li><a href="app.html">APP开发</a></li>
                    <li><a href="applet.html">小程序开发</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="about.html">关于我们</a></li>
            </ul>
</div>
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>

				</div>
								<img src="uploads/20211231/36f14e4f935cfdfda8e3f5f9df846ab1.png" class="banner bans">
								<!-- 内容 -->
			<div class="app allCont">
				<p class="titleAPP">APP案例</p>
				<p class="commit_center more"><a href="case-1.html">查看更多>></a></p>
				<!-- 轮播图 -->
				<div class="commit_center banners">
					<div class="swiper mySwipers" style="padding-bottom: 0!important;">
						<div class="swiper-wrapper">
														<div class="swiper-slide">
								<a href="casedetail.html?id=1"><img src="uploads/20211228/f4baecf1e8f6fae1153094007e3e3dea.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-1.html?id=2"><img src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-2.html?id=3"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-3.html?id=4"><img src="uploads/20211228/cd278819133cf8b0621b5588d9e27c61.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-4.html?id=5"><img src="uploads/20211228/e5e3b617ac52345ada2519cb40fd4dd4.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-5.html?id=6"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-6.html?id=21"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-7.html?id=22"><img src="uploads/20210508/ed46f7a74f2d2bd72ff92c02be851ab9.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-8.html?id=25"><img src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-9.html?id=26"><img src="uploads/20211228/a9b0580513210c8767d03f27fe710afc.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-10.html?id=27"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-11.html?id=28"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-12.html?id=29"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-13.html?id=30"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-14.html?id=31"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-15.html?id=32"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-16.html?id=34"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
														<div class="swiper-slide">
								<a href="casedetail-17.html?id=35"><img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png"></a>
							</div>
													</div>
					</div>
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-pagination" style="top: 90%;"></div>
				</div>
				<!-- APP大数据 -->
				<div class="bigData">
										<div class="commit_center common">
						<p class="title">APP大数据</p>
						<p class="content">移动互联网+时代大趋所势</p>
					</div>
					
					<!-- APP大数据-内容 -->
					<div class="commit_center flex big">
												<div class="xk">
							<p class="number"><span class="counter">6.3</span> 亿</p>
							<p>手机用户数量</p>
						</div>
												<div class="xk">
							<p class="number"><span class="counter">150</span> 亿</p>
							<p>覆盖行业</p>
						</div>
												<div class="xk">
							<p class="number"><span class="counter">30</span> 亿</p>
							<p>企业有自己的app</p>
						</div>
												<div class="xk">
							<p class="number"><span class="counter">63</span> 亿</p>
							<p>使用app用户</p>
						</div>
											</div>
				</div>
				<!-- 制定优势 -->
								<div class="commit_center common advantage">
					<p class="title">制定优势</p>
					<p class="content">让您的企业更高效地完成工作</p>
				</div>

								<!-- 制定优势-内容 -->
				<div class="commit_center flex service">
										<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
						<div class="commit_center">
							<dt class="gray"><img src="uploads/20210508/4b74499f60fd04dee727a7bcab8c4450.png"></dt>
							<dt class="blue"><img src="uploads/20210508/d7ede22adae6a2e2a86897dd19886bd9.png"></dt>
							<dd class="titles"></dd>
							<dd class="cont">每一个软件开发都经过系统的分析，针对不同企业情况良定做的，大提高企业的工作效率</dd>
						</div>
					</dl>
										<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
						<div class="commit_center">
							<dt class="gray"><img src="uploads/20210508/616b677b3005ea2171a292a2bf0db703.png"></dt>
							<dt class="blue"><img src="uploads/20210508/f85e9952c77c20641bbc9d5f02fcff09.png"></dt>
							<dd class="titles"></dd>
							<dd class="cont">每一个软件开发都经过系统的分析，针对不同企业情况良定做的，大提高企业的工作效率.</dd>
						</div>
					</dl>
										<dl class="xk wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="100ms">
						<div class="commit_center">
							<dt class="gray"><img src="uploads/20210508/f35c7c16f99ea7d31844ec01d16ea691.png"></dt>
							<dt class="blue"><img src="uploads/20210508/d363a6c32661697e66fc150975d22ddb.png"></dt>
							<dd class="titles"></dd>
							<dd class="cont">每一个软件开发都经过系统的分析，针对不同企业情况良定做的，大提高企业的工作效率。</dd>
						</div>
					</dl>
								</div>
			<!-- 脚部 -->
			<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
		<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
</head>
<body>
<div id="footer">
	<div class="footTop">
		<div class="commit_center flex">
						<div class="left">
				<p>山东柏瑞设计有限公司</p>
				<p>联系电话：18317093686</p>
				<p>地址：济南创新谷2号楼孵化器五楼（长清区海棠路与芙蓉路交叉路口东南）</p>
			</div>
			<div class="right">
				<img src="uploads/20211230/b27fc18df90b3a0cc5ff008002b4d6d8.png">
				<p>微信公众号</p>
			</div>
		</div>
	</div>
	<p class="copyright">Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1</p>
	    </div>
</body>
</html>






		</div>
		<!-- script -->
		<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 数值滚动 -->
		<script src="assets/js/js/jquery.waypoints.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/js/jquery.countup.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- wow弹动 -->
		<script src="assets/js/js/wow.min.js"></script>
		<script type="text/javascript">
			// 小轮播-内容
			var swiper = new Swiper(".mySwipers", {
				slidesPerView: 3,
				spaceBetween: 20,
				slidesPerGroup: 3,
				loop: true,
				loopFillGroupWithBlank: true,
				pagination: {
					el: ".swiper-pagination",
					clickable: true,
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});

			// 数值滚动
			$(function(){
				$('.counter').countUp({
							 delay: 10,
							 time: 2000
					 });
			})

		</script>
		<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
	</div></div></body>
</html>
